<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<style>
ul {
	margin: 8px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	margin-top: 3%;
}

a {
	font-size: 12px;
	text-decoration: none;
}

.li_chapter1 {
	line-height: 24px;
	list-style: none;
	background-image: url(imgs/folder.png);
	background-repeat: no-repeat;
	padding-left: 80px;
	background-position-y: center;
	margin: 0px;
	width: 40%;
	float: left;
	border-right: 1px #CCC dashed;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.li_chapter2 {
	line-height: 24px;
	list-style: none;
	background-image: url(imgs/folder.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position-y: center;
	margin: 0px;
	width: 40%;
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
styles.css: 733 td, li {
	word-break: break-all;
}

styles.css: 100 li {
	word-break: break-all;
}

a:hover {
	cursor: pointer;
}
</style>
<script>
	function yuejuan(id,stuId) {
	//	alert("你要批改的是"+stuId+"的第"+id+"次作业");
		var bol = $('#tabs').tabs('exists', '开始阅卷');
		if (bol) {
			$("#tabs").tabs('close','开始阅卷');  
		} 
			$('#tabs').tabs('add', {
				title : '开始阅卷',
				closable : true,
				href : 'jiaoxue/jx-start-yuejuan' + (id ? ("/" + id) : "")  + (stuId ? ("/" + stuId) : "") 
			});
	}

	function ChaXunPersonInfo(obj) {
		var stuId=obj
		var bol = $('#tabs').tabs('exists', '学生个人信息');
		if (bol) {
			$('#tabs').tabs('close', '学生个人信息')
		}
			$('#tabs').tabs('add', {
				title : '学生个人信息',
				closable : true,
				href : 'jiaoxue/jx-studentinfo/'+stuId
			});
		
	}
</script>
<ul>
	<c:forEach items="${students }" var="student" varStatus="status">
		<c:if test="${status.index % 2 == 0 }">
			<li class="li_chapter1"><a onclick="ChaXunPersonInfo(${student.stuId })">${student.studentName }</a>
				<c:if test="${fn:length(student.studentName)==2}">
					<a title="签到" style="margin-left: 102px;">
					<img src="public/images/icon-kaoqin.png" width="20px" height="17px"></a>&nbsp;&nbsp;
				</c:if>
				<c:if test="${fn:length(student.studentName)>2}">
					<a title="签到" style="margin-left: 90px;">
					<img src="public/images/icon-kaoqin.png" width="20px" height="17px"></a>&nbsp;&nbsp;
				</c:if>
				<a><img title="迟到" src="public/images/icon-chidao.png"
					width="20px" height="15px"></a>&nbsp;&nbsp; <a><img
					title="旷课" src="public/images/icon-kuangke.png" width="20px"
					height="17px"></a>&nbsp;&nbsp; <a><img title="请假"
					src="public/images/icon-qinjia.png" width="20px" height="17px"></a>&nbsp;&nbsp;
				<a><img title="阅卷" onclick="yuejuan(${zuoYeClass.id},${student.stuId })"
					src="public/images/icon-yuejuan.png" width="20px" height="15px"></a>&nbsp;&nbsp;
			</li>
		</c:if>
		<c:if test="${status.index % 2 != 0 }">
			<li class="li_chapter2"><a onclick="ChaXunPersonInfo(${student.stuId })">${student.studentName }</a>
				<c:if test="${fn:length(student.studentName)==2}">
					<a title="签到" style="margin-left: 102px;">
					<img src="public/images/icon-kaoqin.png" width="20px" height="17px"></a>&nbsp;&nbsp;
				</c:if>
				<c:if test="${fn:length(student.studentName)>2}">
					<a title="签到" style="margin-left: 90px;">
					<img src="public/images/icon-kaoqin.png" width="20px" height="17px"></a>&nbsp;&nbsp;
				</c:if>
				<a><img title="迟到" src="public/images/icon-chidao.png"
					width="20px" height="15px"></a>&nbsp;&nbsp; <a><img
					title="旷课" src="public/images/icon-kuangke.png" width="20px"
					height="17px"></a>&nbsp;&nbsp; <a><img title="请假"
					src="public/images/icon-qinjia.png" width="20px" height="17px"></a>&nbsp;&nbsp;
				<a><img title="阅卷" onclick="yuejuan(${zuoYeClass.id},${student.stuId })"
					src="public/images/icon-yuejuan.png" width="20px" height="15px"></a>&nbsp;&nbsp;
			</li>
		</c:if>
	</c:forEach>
</ul>